<template>
    <el-tabs v-model="activeName" class="tabs" type="border-card">
        <el-tab-pane name="p1" label="发电量统计" class="tab">
            <img1 />
        </el-tab-pane>
        <el-tab-pane name="p2" label="发电功率统计">
            
        </el-tab-pane>
        <el-tab-pane name="p3" label="等效时数统计">
            
        </el-tab-pane>
        <el-tab-pane name="p4" label="监控自用电量">
            
        </el-tab-pane>
    </el-tabs>
</template>

<script setup>
    import { reactive, getCurrentInstance, ref, toRefs, provide, computed } from 'vue'
    import img1 from './powerstation_1.vue'
    let { proxy } = getCurrentInstance()

    const activeName = ref('p1')
    let init = () => {
        // proxy.$ajax({
        //     url: '//list',
        //     data: obj.req,
        //     bfLoading: true
        // }).then(d => {
        //     // console.log(d)
        //     if(d.success){
        //         obj.ary = d.msg.list
        //         obj.req.count = d.msg.count
        //     }
        // }).catch(() => { })
    }

</script>

<style scoped>
    .tabs { display: flex; flex-direction: column; height: 100%; box-shadow: none; border-radius: 5px; border: 0; }
</style>